<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2021-12-15 13:17:42
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-03-24 19:17:58
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\update-freight\\update-freight.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->

<sf #sf mode="edit" [schema]="schema" [ui]="ui" button="none"></sf>
<nz-divider></nz-divider>
<div>
  <p>
    <span style="font-weight: bolder"
      >总运费：<span style="color: #dc112a">{{ data?.totalAmount | currency }}</span></span
    >
    （运输费：{{ data?.totalFreight | currency }}，附加费：{{ data?.totalSurcharge | currency }}，附加费率：{{ (data?.totalRate * 100).toFixed(2) + '%' }}）
  </p>
  <p>
    <label nz-checkbox [(ngModel)]="aggreechecked"></label>
    <span>&nbsp;确认已阅读并知晓 <a (click)="agreement()">《变更协议》</a></span>
  </p>
</div>

<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
  <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!aggreechecked">确定</button>
</div>
<nz-modal [(nzVisible)]="isVisible" nzTitle="变更协议" nzClassName="modal_content" (nzOnOk)="handleOK()"
  (nzOnCancel)="handleCancel()" [nzWidth]="800">
  <ng-container *nzModalContent>
    <div [innerHTML]="modalcontent | html" class=""></div>
  </ng-container>
</nz-modal>